<template>
  <div class="box">
    <topLogin :isIndex="false"></topLogin>
    <topNav :isActive="3"></topNav>
    <div class="wid-1200 min-height">
      <Breadcrumb separator=">">
        <BreadcrumbItem>当前位置</BreadcrumbItem>
        <BreadcrumbItem to="/activity">景区活动</BreadcrumbItem>
        <BreadcrumbItem>列表</BreadcrumbItem>
      </Breadcrumb>
      <!-- 活动公告 -->
      <div v-show="type==0">
        <div class="title-box">
          <p>活动公告</p>
        </div>
        <ImageList :ImageList="activityList"></ImageList>
      </div>
      <!-- 活动报道   活动图集 展示形式一样 -->
      <!-- 活动报道 -->
      <div v-show="type==1">
        <div class="title-box">
          <p>活动报道</p>
        </div>
        <ImageText :ImageText="list"></ImageText>
      </div>
        <!-- 活动图集 -->
      <div v-show="type==2">
        <div class="title-box">
          <p>活动图集</p>
        </div>
        <ImageText :ImageText="list"></ImageText>
      </div>
    </div>
    <footNav></footNav>
  </div>
</template>

<script>
// 临时图片
import picture1 from "@/assets/temporary/picture1.png";
import picture2 from "@/assets/temporary/picture2.png";
import picture3 from "@/assets/temporary/picture3.png";
import picture4 from "@/assets/temporary/picture4.png";
// 自定义组件
import topLogin from "@/components/topLogin/index";
import topNav from "@/components/topNav/index";
import footNav from "@/components/footNav/index";
import ImageText from "@/components/imageText/index";
import ImageList from "@/components/imageList/index";
import { Breadcrumb, BreadcrumbItem} from "view-design";
export default {
  name: "pictureList",
  components: {
    topLogin,
    topNav,
    footNav,
    ImageText,
    ImageList,
    Breadcrumb,
    BreadcrumbItem
  },
  mounted(){
      this.type=this.$route.query.type
  },
  data() {
    return {
        type:0,// 0文字再图片上  1,2 上图下文
     // 活动公告
      activityList: [
        { src: picture1, title: "打造花溪河湿地公园 可泛舟其中可打造花溪河湿地公园" },
        { src: picture2, title: "河小青”益行母亲河 徒步乌江志愿者" },
        { src: picture3, title: "美丽两江，青年先行" },
        { src: picture4, title: "潺潺清流美丽渝河两岸" },
        { src: picture1, title: "打造花溪河湿地公园 可泛舟其中可打造花溪河湿地公园" },
        { src: picture2, title: "河小青”益行母亲河 徒步乌江志愿者" },
        { src: picture3, title: "美丽两江，青年先行" },
        { src: picture4, title: "潺潺清流美丽渝河两岸" },
        { src: picture1, title: "打造花溪河湿地公园 可泛舟其中可打造花溪河湿地公园" },
        { src: picture2, title: "河小青”益行母亲河 徒步乌江志愿者" },
        { src: picture3, title: "美丽两江，青年先行" },
        { src: picture4, title: "潺潺清流美丽渝河两岸" }
      ],
      list: [
        {
          src: picture1,
          title: "论优美公园,我只服朝阳!",
          content: "附近还有海鶄落湿地公园,未来科技城滨水森林公园,温榆河"
        },
        {
          src: picture2,
          title: "河长的河流一般都是这样的",
          content: "附近还有海鶄落湿地公园,未来科技城滨水森林公园,温榆河"
        },
        {
          src: picture3,
          title: "论优美公园,我只服朝阳!",
          content: "附近还有海鶄落湿地公园,未来科技城滨水森林公园,温榆河"
        },
        {
          src: picture4,
          title: "河长的河流一般都是这样的",
          content: "附近还有海鶄落湿地公园,未来科技城滨水森林公园,温榆河"
        },
        {
          src: picture1,
          title: "论优美公园,我只服朝阳!",
          content: "附近还有海鶄落湿地公园,未来科技城滨水森林公园,温榆河"
        },
        {
          src: picture2,
          title: "河长的河流一般都是这样的",
          content: "附近还有海鶄落湿地公园,未来科技城滨水森林公园,温榆河"
        },
        {
          src: picture3,
          title: "论优美公园,我只服朝阳!",
          content: "附近还有海鶄落湿地公园,未来科技城滨水森林公园,温榆河"
        },
        {
          src: picture4,
          title: "河长的河流一般都是这样的",
          content: "附近还有海鶄落湿地公园,未来科技城滨水森林公园,温榆河"
        },
        {
          src: picture1,
          title: "论优美公园,我只服朝阳!",
          content: "附近还有海鶄落湿地公园,未来科技城滨水森林公园,温榆河"
        },
        {
          src: picture2,
          title: "河长的河流一般都是这样的",
          content: "附近还有海鶄落湿地公园,未来科技城滨水森林公园,温榆河"
        },
        {
          src: picture3,
          title: "论优美公园,我只服朝阳!",
          content: "附近还有海鶄落湿地公园,未来科技城滨水森林公园,温榆河"
        },
        {
          src: picture4,
          title: "河长的河流一般都是这样的",
          content: "附近还有海鶄落湿地公园,未来科技城滨水森林公园,温榆河"
        }
      ]
    };
  }
};
</script>

<style>
</style>